<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
   <%@ taglib prefix="cc" uri="http://java.sun.com/jsp/jstl/core"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>思德网</title>
<link rel="stylesheet"  href="${ctx.resource}/css/style.css" type="text/css" />
<!--tab js-->
<style type="text/css">
   a{
   text-decoration: none;
   color:black; 
   }
    
</style>
<script type="text/javascript" src="${ctx.resource}/front_js/jQuery1.7.js"></script>
<script type="text/javascript">
function alertt()
{
	<c:if test="${message == 'yes'}">
		alert("支付成功");
	</c:if>
	<c:if test="${message == 'no'}">
		alert("支付失败");
	</c:if>
		<c:if test="${message == 'yes1'}">
		alert("继续支付成功");
	</c:if>
		<c:if test="${message == 'exception2'}">
		alert("支付异常:接收支付结果服器故障.");
	</c:if>
}
$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.click(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
});
</script>

    <script type="text/javascript">   
  	var pageNo = Number('${pageNo}') ;
	var pageCount= Number('${pageCount}');
	function search() {
		//把表单的数据进行序列化
		$.ajax({
			url:"${ctx}/userInfo/showOrderBypage",
			type:"POST",
			data:{uid:'${uid}',pageNo:pageNo},
			dataType:"json",
			success:function(page){
				$("#name").val();
				$("#starttime").val();
				$("#projectinformation").val();
				$("#pageCount").html(page.totalPage) ;
				$("#totalCount").html(page.total) ;
				$("#pageNo").html(pageNo);
				
				pageCount = Number(page.totalPage);
				var data1 ="" ;
				if(page.datas.length ==0 ){
				data1 += "<tr><td>没有相应数据</td></tr>" ;
				}
				for(var i=0;i<page.datas.length;i++){
					data1 += "<dl><dt>" ;
					data1+="<img src='${ctx.resource}/images/img09.jpg' />";
					data1+="</dt><dd>";          
					data1 +="<p ><h1>"+page.datas[i].name +"</h1></p>" ;
					data1 +="<p >"+page.datas[i].startTime +"</p>" ;
					data1 +="<p >"+page.datas[i].projectinformation+"</a></p>" ;
					// <a href="${ctx }/order/${order.spid }/order"><img src="${ctx.resource}/images/pay.PNG" /></a>&nbsp; </p> 
					if(page.datas[i].orderpay==0){
					//data1 +="<p align='right'> <a href='${ctx }/order/"+ page.datas[i].spid +"/order'>支付</a> "; 
					//data1 += "<a onclick='{if(confirm(\"您确定删除此条信息吗?\")){return true;}return false;}' href='${ctx }/userInfo/"+page.datas[i].spid+"/delorder' ><font size='5'>删除</font></a>";
					data1 +="<p>订单号:"+page.datas[i].out_trade_no+"/订单价格:¥ "+page.datas[i].orderprice+"</p>";
					data1 +="<p align='right'> <a onclick='{if(confirm(\"您确定删除此条信息吗?\")){return true;}return false;}' href='${ctx }/userInfo/"+page.datas[i].oid+"/delorder' ><font size=\"5\" color=\"red\">删除</font></a> "; 
					data1 += "<a href='${ctx }/order/repay?oid="+page.datas[i].oid+"'><font size=\"5\" color=\"red\">支付</font></a></p>";
					
					}
					else{
					  data1 +="<p>订单号:"+page.datas[i].out_trade_no+"/成交价格:¥ "+page.datas[i].realprice+"</p>";
					  data1 +="<p align='right'>  <p>OID:"+page.datas[i].oid+"/ ¥"+page.datas[i].orderprice+"</p>";
					  data1+="<p align='right'><a>已支付</a>";
					}
					data1 += "</p></dd></dl>" ;
				}
				
				$("#shuju").html(data1) ;
			}
		});
	}
		function up(){
		if(pageNo>=pageCount){
			alert("这是最后一页") ;
			pageNo =pageCount ;
		}else{
			pageNo++ ;
			search() ;
		}
	}
	function down(){
		if(pageNo <=1){
			alert("这是第一页") ;
			pageNo =1 ;
		}else{
			pageNo--;
			search() ;
		}
	}
	function show(pageno){
		pageNo = Number(pageno) ;
		search() ;
	}
	function ConfirmDel() {
		if (confirm("真的要删除吗？")){
				return true;
		}else{
			return false;
	}
	}
</script>
<script type="text/javascript">   
     fun(){
    document.getElementById("divid").onclick = function(){
    window.locatoin.href=" '${ctx}/wyeffront/${u.spid}/${u.stepid[0]}/detail'><img src='${ctx.resource}/images/center-button.jpg' /></a></p>";
    }
   }
</script>


<script type="text/javascript">   
    function onclickdiv(spid,stepid,fpid,wyeffpid,isweepfpid){
	    if(fpid==wyeffpid){
	      window.location.href="${ctx}/wyeffront/"+spid+"/"+stepid+"/detail";
	     }
	     if(fpid==isweepfpid){
	      window.location.href="${ctx}/isweepfront/"+spid+"/"+stepid+"/detail";
	     }
	     else{
	       window.location.href="${ctx}/project/"+spid+"/"+stepid+"/detail";
	     }
   }
</script>
</head>

<body onload="alertt();">
<div class="os-2015">
<!--  <script type="text/javascript" src="${ctx.resource}/front_js/header.js"></script>--> 
<!-- <iframe src="../public/header.html" width="100%" height="144" frameborder="0">
</iframe> -->

<%@ include file="/WEB-INF/include/header_Second.jsp" %>
<!--center-->
<div class="center">
<div class="w">
	<div class="center-banner">
	<div class="center-people">
	<dl>
	<dt><img src="${ctx.resource}/images/people.png" width="93" height="93" /></dt>
	<dd>

	<p><%=request.getSession().getAttribute("username") %> 您好！</p>
	<p><a href="${ctx }/userInfo/reviseuser"><img src="${ctx.resource}/images/center-button01.jpg" /></a></p>
	</dd>
	</dl>
	</div>
	</div>
<div class="center-main">
<div class="center-tab">
<div id="tab">
	<ul class="tab_menu">
    	<li class="selected"><a href="">我的项目</a></li>
        <li>我的订单</li>
        <li>我的消息</li>
        <li>我关注的项目</li>
    </ul>
   
    <div class="tab_box">
    	<div>
    	
    	 <c:forEach items="${sublist}" var="u" >
    	 <div id="divonid" onclick="onclickdiv('${u.spid }','${u.stepid[0] }','${u.fpid }','${wyeffpid}','${ISWEEPfpid}')">	
    	
       <dl>
        <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
        <dd>
       <p><h1>${u.name}</h1></p>
         <p>${u.startTime }</p>
        <p>${u.projectinformation }</p>
 		<p>
 <c:if test="${u.fpid ==wyeffpid }">
 <a href="${ctx}/wyeffront/${u.spid}/${u.stepid[0]}/detail"><img src="${ctx.resource}/images/center-button.jpg" /></a>
 </c:if>
 <c:if test="${u.fpid ==ISWEEPfpid }">
 <a href="${ctx}/isweepfront/${u.spid}/${u.stepid[0]}/detail"><img src="${ctx.resource}/images/center-button.jpg" /></a>
 </c:if>
      
 </dd>
        </dl>
        </div>
       </c:forEach>

     </div>
        
     
        
        <div  class="hide">
             	<div id="shuju">
     
        
        <c:if test="${totalCount le 0 }">
			<p>目前还没有用户数据</p>
		</c:if>
       <c:if test="${totalCount gt 0}">
			<c:forEach items="${list}" var="order">
			<dl><dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
	          <dd>
	          <p><h1>${order.name }</h1></p>
	          <p>${order.startTime }</p>
	         <p>${order.projectinformation }</p>      
	        
	        <p>订单号:${order.out_trade_no}/
	        <c:if test="${order.orderpay == 0}">订单价格:¥ ${order.orderprice }</c:if>
	        <c:if test="${order.orderpay == 1}">成交价格:¥ ${order.realprice }</c:if>
	        </p>
	        <p align="right"> 
	        <c:if test="${order.orderpay == 0}"> 
					<a onclick="{if(confirm('您确定删除此条信息吗?')){return true;}return false;};" href="${ctx }/userInfo/${order.oid }/delorder" ><font size="5" color="red">删除</font></a>
					<a href="${ctx }/order/repay?oid=${order.oid}"><font size="5" color="red">继续支付</font></a>
			</c:if>
			<c:if test="${order.orderpay==1}"> <font size="5"><a >已支付</a></font>&nbsp;</c:if>
			 </p>             
	        </dd> </dl>        
			</c:forEach>
		</c:if>
		</div>
		 <table align='right' width="95%" height="41" ><tr><td >共<b><font color='FA8100' id="totalCount">${totalCount}</font>
</b>条信息&nbsp;&nbsp;<b><font color='FA8100'>${size }</font>
</b>条信息/页&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:show('1')"  style="text-decoration:none;">首页</a>
&nbsp;&nbsp;<a href="javascript:down()" style="text-decoration:none;">上一页</a>&nbsp;&nbsp;
<a href="javascript:up()"  style="text-decoration:none;">下一页</a>  
<a href="javascript:show('${pageCount } ')"  style="text-decoration:none;">尾页</a>&nbsp;&nbsp;&nbsp;&nbsp;页次：<strong><font color=FA8100 id='pageNo'>${pageNo}</font>/<font color=FA8100 id="pageCount">${pageCount }</font></strong>页
&nbsp;&nbsp;&nbsp;&nbsp;
</td></tr></table>
 	 </div>	
    
            
               
       
       <div class="hide">
               <%--   <dl>
        <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
        <dd>
        <p><h1>ASDAN精英项目-英国项目3</h1></p>
        <p>2015-12-11  12:02</p>
        <p>ASDAN英国项目即将开始。请各位同学准备好所需物品，签证，材料，日常用品，请于1月12日前往北京东大门集合
准备出发。请各位同学准备好所需物品，签证，材料，日常用品，请于	1月12日前往北京东大门集合
准备出发。</p>
 <p><a href="#"><img src="${ctx.resource}/images/center-button.jpg" /></a></p>
        </dd>
        </dl>
                <dl>
        <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
        <dd>
        <p><h1>ASDAN精英项目-英国项目</h1></p>
        <p>2015-12-11  12:02</p>
        <p>ASDAN英国项目即将开始。请各位同学准备好所需物品，签证，材料，日常用品，请于1月12日前往北京东大门集合
准备出发。请各位同学准备好所需物品，签证，材料，日常用品，请于	1月12日前往北京东大门集合
准备出发。</p>
 <p><a href="#"><img src="${ctx.resource}/images/center-button.jpg" /></a></p>
        </dd>
        </dl>--%>
        </div>
                <div class="hide">
               <%--   <dl>
        <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
        <dd>
        <p><h1>ASDAN精英项目-英国项目4</h1></p>
        <p>2015-12-11  12:02</p>
        <p>ASDAN英国项目即将开始。请各位同学准备好所需物品，签证，材料，日常用品，请于1月12日前往北京东大门集合
准备出发。请各位同学准备好所需物品，签证，材料，日常用品，请于	1月12日前往北京东大门集合
准备出发。</p>
 <p><a href="#"><img src="${ctx.resource}/images/center-button.jpg" /></a></p>
        </dd>
        </dl>
                <dl>
        <dt><img src="${ctx.resource}/images/img09.jpg" /></dt>
        <dd>
        <p><h1>ASDAN精英项目-英国项目</h1></p>
        <p>2015-12-11  12:02</p>
        <p>ASDAN英国项目即将开始。请各位同学准备好所需物品，签证，材料，日常用品，请于1月12日前往北京东大门集合
准备出发。请各位同学准备好所需物品，签证，材料，日常用品，请于	1月12日前往北京东大门集合
准备出发。</p>
 <p><a href="#"><img src="${ctx.resource}/images/center-button.jpg" /></a></p>
        </dd>
        </dl>--%>
        </div> 
    </div>
</div>
</div>
</div>
</div>
<div class="center-list">
<span>推荐给我的项目</span>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="${ctx}/home/wyef">耶鲁经济论坛项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN在线模拟商赛</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">美国高中生物理竞赛</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">ASDAN商业精英项目</a></p>
</dd>
</dl>
<dl>
<dt><img src="${ctx.resource}/images/center-img01.jpg" /></dt>
<dd>
<p><a href="">耶鲁青年知识论坛</a></p>
</dd>
</dl>
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>

<iframe src="${ctx}/include/footer_Index.jsp" width="100%" height="510" frameborder="0" />

</div>
</body>
</html>